/**
* @file index.scss
* @synopsis  商城首页
* @version 1.0.0
*/

@import "common/common";

@mixin text-overflow{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html, body{
	background-color: #fff;
	padding-bottom: rem(20);
}

.mod-header{
	height: rem(509);
	background: url('../../../image/personal-top.png') no-repeat center center;
	background-size: 100%;
	position: relative;
	.header-ico{
		width: rem(130);
		height: rem(130);
		border-radius: 50%;
		overflow: hidden;
		position: absolute;
		top: rem(86);
		left: 50%;
		margin-left: rem(-64);
	}
	.phone{
		width: 100%;
		font-size: rem(34);
		color: #fff;
		position: absolute;
		top: rem(235);
		text-align: center;
	}
	.improve{
		width: 100%;
		font-size: rem(24);
		color: #fff;
		position: absolute;
		top: rem(280);
		text-align: center;
		span, img{
			vertical-align: middle;
		}
		span{
			margin-right: rem(5);
		}
	}
}

.buy-item{
	height: rem(120);
	border-top: 1px solid #f3f4f6;
	position: relative;
	padding: rem(30) rem(20) rem(30) rem(220);
	.goods-img{
		width: rem(180);
		height: rem(120);
		position:absolute;
		top: rem(30);
		left: rem(20);
	}
	.mod-details{
		h3{
			font-size: rem(30);
			color: #333;
			line-height: rem(30);
			font-weight: 400;
			@include text-overflow;
		}
		.pri{
			font-size: rem(32);
			color: #e29323;
			margin-top: rem(10);
		}
		.order{
			font-size: rem(26);
			color: #666;
			span{
				margin-right: rem(10);
			}
		}
		.time{
			font-size: rem(24);
			color: #999;
		}
	}
}